function fenye_init2(){
    fenye_search2();
}
function fenye_search2() {
   var $table=  $('#taskInfo').bootstrapTable({
        method: 'get',
        url: "/user/all2",
        striped : true,                     // 是否显示行间隔色
        pagination : true,                  // 启动分页 显示第1到第10条记录
        pageSize : 10,                // 每页显示的记录数
        pageNumber : 1,            // 当前第几页
        //pageList : [ 5, 10, 15, 20, 25 ],   // 记录数可选列表
        showColumns : true,                 // 是否显示所有的列
        dataType : 'json',
        //search : true,                     // 是否启用查询 显示搜索input框
        // sidePagination : "server",          // 表示服务端请求
        sidePagination : "client",          // 表示服务端请求
        showRefresh : true,                 // 显示刷新按钮
        toolbar: '#toolbar',                // 工具按钮用哪个容器 新增/删除/修改按钮
        clickToSelect: true,                // 是否启用点击选中行
        showToggle: false,                    // 是否显示详细视图和列表视图的切换按钮
        cardView: false,                    // 是否显示详细视图
        detailView: false,                  // 是否显示父子表
        cache: false,                       // 是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        uniqueId: "ID",                     // 每一行的唯一标识，一般为主键列
        singleSelect : true, 				// 单选checkbox
        paginationLoop : false,              // 启用分页条无限循环的功能
        detailView : false,
        paginationPreText : '上一页',       // 指定分页条中上一页按钮的图标或文字。
        paginationNextText : '下一页',      //指定分页条中下一页按钮的图标或文字。
        /*onPageChange : function(number, size) {
            fenye_search(number, size);
        },
        onRefresh : function() {
            fenye_search(1,10);
        },*/
        queryParams: function (params) {
            // search: "开启search中的值", sort: undefined, order: "asc", offset: 0, limit: 5
            var returnObject = {
                limit: params.limit,
                departmentname:$("#txt_search_departmentname").val(),
                status:$("#txt_search_status").val(),
            }
            return returnObject
        },
        columns : [
            {
                checkbox: true
            },
            {
                title : 'userId',
                field : 'userId',
                align : 'center',
                valign : 'middle',
                // visible : false
                // switchable: false
            },
            {
                title : '姓名',
                field : 'userName',
                align : 'center',
                valign : 'middle'
            }, {
                title : '电话',
                field : 'phone',
                align : 'center',
                valign : 'middle'
            }
           , {
                title : '部门',
                field : 'departmentname',
                align : 'center',
                valign : 'middle'

            }, {
                title : '描述',
                field : 'status',
                align : 'center',
                valign : 'middle'
            }, {
                title : '操作',
                field : 'operate',
                formatter: btnGroup,    // 自定义方法，添加按钮组
                events: {               // 注册按钮组事件
                    // 'click #modRole': function (event, value, row, index) {
                    //     showUser(row.id, row.username)
                    // },
                    'click #modUser': function (event, value, row, index) {
                        showInfo(row.userId)
                    },
                    'click #delUser': function (event, value, row, index) {
                        delUser(row)
                    }
                }
            }
        ]
    });
    $('body').on('click','#',function () {
        //在这监控body里的事件
    })
    //查询按钮事件
    $('#btn_query').click(function() {
        $('#taskInfo').bootstrapTable('refresh', {
            url : '/user/all2'
        });
    })
    function delUser(row) {
        console.log(row.userId)
        console.log(row.userName)
        $.ajax({
            type: "get",
            dataType: "json",
            url: "/user/delete",
            data: {ids:row.userId},
            success: function (data) {
                if (data.state != 0) {
                    $table.bootstrapTable('refresh');
                }
            }
        })
    }
    function btnGroup () {   // 自定义方法，添加操作按钮
                             // data-target="xxx" 为点击按钮弹出指定名字的模态框
        let html =
            // '<a href="####" class="btn btn-info" id="modRole" data-toggle="modal" data-target="#editrole" title="修改权限">' +
            // '<span class="glyphicon glyphicon-edit"></span></a>' +
            '<a href="####" class="btn btn-warning" id="modUser" data-toggle="modal" data-target="#editinfo" ' +
            'style="margin-left:15px" title="修改用户">' +
            '<span class="glyphicon glyphicon-edit"></span></a>' +
            '<a href="####" class="btn btn-danger" id="delUser" data-toggle="modal" data-target="#deleteuser" ' +
            'style="margin-left:15px" title="删除用户">' +
            '<span class="glyphicon glyphicon-trash"></span></a>'
        return html
    };
    //删除按钮
    $('#btn_delete').click(function() {
        var rows = $table.bootstrapTable('getSelections');
        // 删除值修改选中的第一行数据
        // var rows = this.getSelectedTableData();
        if (rows.length == 0) {
            alert('请先勾选需要操作的数据源');
            return false;
        }
        // 删除值修改选中的第一行数据
        var ids = [];
        $.each(rows, function (index, row) {
            ids.push(row.userId);
        });

        $.ajax({
            type: "get",
            dataType: "json",
            url: "/user/delete",
            data: {ids:ids.toString()},
            success: function (data) {
                if (data.state != 0) {
                    $table.bootstrapTable('refresh');
                }
            }
        })
    })

    $("#btn_add").click(function () {
        $("#addModal").modal({
            keyboard: true
        });
        clearForm("#add_form_modal");// 清除表单上一次的输入数据
    })

    function showInfo (userid) {
        $("#addModal").modal({
            keyboard: true
        });
        $.getJSON("/user/findById?userId="+userid,function(data){
            $("#userId").val(data.userId)
            $("#userName").val(data.userName)
            $("#password").val(data.password)
            $("#phone").val(data.phone)
            $("#departmentname").val(data.departmentname)
            $("#status").val(data.status)
        })
    }

    // helper: 重置表单
    function clearForm(form) {
        $(form)[0].reset();
    }


    // 当点击【保存】按钮后，将表单中的数据提交到后台
    $("#btn_add_submit").on("click",function (){
        $.ajax({
            type: "post",
            url: "/user/save",
            data: $("#add_form_modal").serializeArray(),              // 收集表单中的数据
            dataType: "text",
            success: function (data){
                // $.getJSON("/user/all",function(data){
                    //initDataTable("destroy", data);           // 接收到后台返回的数据后，重新渲染table，具体怎么初始化table见上一章
                    // $table.bootstrapTable('load',data)
                    $table.bootstrapTable('refresh',data)
                // });
            }
        });
    });
}


